<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.css" rel="stylesheet" />
		<link href="../../css/cssofmine.css" rel="stylesheet" />
		<link href="../../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../../css/mui.poppicker.min.css" rel="stylesheet" />
		<style>
			.circle {
				width: 20px;
				height: 20px;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				text-align: center;
				background-color: red;
				color: #FFFFFF;
				float: right;

			}

			select {
				text-align: center;

				text-align-last: center;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

			<h1 class="mui-title">流转记录</h1>
		</header>
		<div  class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div id="app" class="mui-control-content mui-active">
					<ul class="mui-table-view" v-for="todo in todos">
						<li class="mui-table-view-cell mui-media" v-on:click="selected(todo)">
							<div class="mui-slider-handle">
								<div class="mui-table-cell">

									<h4 class="mui-ellipsis">{{todo.title}}</h4>
									<p class="mui-h6 mui-ellipsis">{{todo.date}}</p>


								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>



		<script src="../../js/config/mui.min.js"></script>
		<script src="../../js/config/mui.picker.min.js"></script>
		<script src="../../js/config/jquery.min.js"></script>
		<script src="../../js/config/vue.js"></script>
		<script src="../../js/config/form.js"></script>
		<script src="../../js/config/config.js"></script>
		<script src="../../js/manager/logList.js"></script>
	</body>


</html>
